'use strict';
import {  Accordion, List  } from 'antd-mobile';
import React, { Component } from 'react';

export default class MyText extends React.Component {
    constructor(props) {
        super(props);
        this.state = this.getInitialState();
    }
    getInitialState() {
        return {

        }
    }
    onChange = (key) => {
        console.log(key);
    }
    render() {

        return (
            <Accordion defaultActiveKey="0" className="my-accordion" onChange={this.onChange}>
                <Accordion.Panel header="Title 1">
                    <List className="my-list">
                        <List.Item>Content 1</List.Item>
                        <List.Item>Content 2</List.Item>
                        <List.Item>Content 3</List.Item>
                    </List>
                </Accordion.Panel>
                <Accordion.Panel header="Title 2" className="pad">this is panel content2 or other</Accordion.Panel>
                <Accordion.Panel header="Title 3" className="pad">
                    Text text text text text text text text text text text text text text text
                </Accordion.Panel>
            </Accordion>)
    }
}